*{

    margin: 0px;
    padding:0px;
}

body{

    margin: 0px;
    padding: 0px;
}

.title{

    text-align: center;
    padding-top: 60px;
}


.menu{

    width: 308px;
    height: 308px;
    /*background-color: aquamarine;*/
    position: relative;
    left: 50%;
    margin-left: -150px;
    margin-top: 60px;
    margin-bottom: 100px;
}

.item{

    width: 146px;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 4px;
    height: 146px;
    border-radius: 4px;
    float: left;
    margin-bottom: 4px;
    box-shadow: 0.1px 0.2px 2px rgba(120,120,120,0.5);
}
.item:active{
    opacity: 0.6;
}

.item img{

    width: 80px;
    position: relative;
    left: 50%;
    margin-left: -40px;
    margin-top: 14px;
}

.item p{


    text-align: center;
    font-size: 1.0rem;
}
.notic{

    width: 200px;
    height: 200px;
    position: relative;
    left: 50%;
    margin-left: -100px;
    border-radius: 8px;
    background-color: rgba(120,120,120,0.5);
    position: absolute;
    z-index: 100;
    top: 50%;
    margin-top: -100px;
}

.notic img{

    width: 80px;
    height: 80px;
    position: relative;
    left: 50%;
    margin-left: -40px;
    top: 50%;
    margin-top: -40px;
    animation: rotate 3s linear infinite;
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}